<template>
  <a-layout-sider width="220" style="background: #fff">
    <a-menu
      v-model:selectedKeys="selectedKeys2"
      v-model:openKeys="openKeys"
      mode="inline"
      :style="{ height: '100%', borderRight: 1 }">
      <a-sub-menu key="sub1">
        <template #title>
          <span class="flex items-center">
            <BarChartOutlined class="mr-2"/>
            政策法规
          </span>
        </template>
        <a-menu-item key="1"><router-link to="/Policie/Plant">政策法规</router-link></a-menu-item>
      </a-sub-menu>
    </a-menu>
  </a-layout-sider>
</template>

<script setup>
import { BarChartOutlined } from '@ant-design/icons-vue';
import { ref } from 'vue';

const selectedKeys2 = ref(['1']);
const openKeys = ref(['sub1']);
</script>

<style scoped>
</style>
